<template>
	<view class="home" v-if="height>0">
		<!-- 	<image :src="$BASE_URL+'/api/config/animationList'" mode=""></image>
		<image style="width: 100%;height: auto;" :src="$global.getImageUrl('/api/config/animationList','https://ourydcimage.shenghua6.cn')"
			mode="widthFix"></image> -->

		<view class="header" :style="'height:'+titleBarHeight+'px;padding-top:'+statusBarHeight+'px'">
			<image :src="$BASE_URL+'/st/mini/static/img/index/search.png'" class="btn"
				@click="goPath('/pages/subpage/search/search',18)"></image>
			<view class="header-title weight">哩咔 </view>
		</view>

	


		<div :style="'margin-top: '+height+'px;'">
			<view v-if="list">
				<u-tabs-swiper ref="uTabs" :list="list" :current="current" @change="tabsChange" :is-scroll="false"
					gutter="50" inactive-color="#99999" active-color='#99999' :bar-style="barStyle"></u-tabs-swiper>
			</view>
			<Invite> </Invite>
			<swiper :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish"
				@change="handleSwperChange" style=" height:90%; ">
				<swiper-item class="swiper-item" v-for="(item, index) in tabs" :key="index">
					<scroll-view scroll-y style=" height: 100%; width: 100%;" @scrolltolower="onreachBottom"
						:refresher-threshold="45" @refresherpulling="onPulling" @refresherrefresh="onRefresh"
						:refresher-triggered="triggered" @refresherrestore="onRestore" @refresherabort="onAbort"
						refresher-enabled="true">
						<view v-if="index==0">
							<view class="wai" v-for="(item,idx) in fxlist" v-if="idx<moren.zong" :key="idx"
								@click="dianjijiru(idx)">
								<view :class="['box-nei',idx>=moren.top ? 'maoboli' : '']">
									<view style="width:13upx;">
									</view>

									<!-- <image src="https://php.zgsj1.com/upload_video/20211215/dd94877070f51f8b2f9100a910ab8c3b.webp" mode=""></image> -->


									<view class="guangquans"
										:style="item.tagType=='recommend'?'background-image: url(https://webapp.test.shenghua6.cn/st/mini/static/img/xcxydy/touxiangyul.webp);':''">

										<image
											:src="$global.getImageUrl(item.headImg+'?x-oss-process=image/bright,15/resize,m_fill,h_150,w_150', 'https://ourydcimage.shenghua6.cn')"
											mode="" class="tx"
											style=" background-image: url(https://webapp.test.shenghua6.cn/st/mini/static/img/xcxydy/touxiangyul.webp);">
										</image>



									</view>








									<view style="width:20upx;">
									</view>
									<view class="auto">
										<view class="name"
											:style="item.isUserMember !=3 && item.memberIsExpire==2 ?'color:red;':''">
											{{item.nickName}}
										</view>
										<view class="zhong" style="transform: scale(0.8);margin-left: -40upx;">




											<!-- 		<view
												:style="item.sex==1?'background:#47A3FA;':item.sex==2?'background:#FC4834;':'background:#62FCC6;'"
												style="color: #FFFFFF;font-size:18upx; padding: 5upx 15upx; border-radius:20upx;transform: scale(0.8);margin-left: -10upx;">

 -->
											<!-- 			<view v-if="item.sex ==1"> ♂
													{{item.age}}
													<text v-if="item.userConstellation">{{" / "+item.userConstellation}}
													</text>
												</view>
												<view v-if="item.sex ==2"> ♀ {{item.age}}
														<text v-if="item.userConstellation">{{" / "+item.userConstellation}}
													</text>


												</view>
												<view v-if="item.sex ==3">  ⚤ {{item.age}}
														<text v-if="item.userConstellation">{{" / "+item.userConstellation}}
													</text>
												</view>

											</view> -->




											<p class="sex"
												:style="item.sex==1?'background: url('+man+') no-repeat;background-size: contain;':item.sex==2?'background: url('+woman+') no-repeat;background-size: contain;':'background: url('+no+') no-repeat;background-size: contain;'">
												<view style="margin-left:15upx;font-size: 22upx;">
													{{item.age}}
												</view>
											</p>
											<img class="vipNum"
												:src="$BASE_URL + '/st/mini/static/img/vip1/vip_' + item.costLevel+ '@2x.png'" />
										</view>
										<!-- {{item.descStyleType}} -->
										<view class="yuliao" v-if="item.tagType=='recommend'">
											在线语聊中...
										</view>




										<view class="yuyin"
											v-else-if="item.tagType !='recommend'&& item.voiceIntroduction.length>10">
											<image v-if="item.aubft==false"
												src="https://webapp.test.shenghua6.cn/st/mini/static/img/xcxydy/jiao.jpg"
												mode="widthFix" style="width: 40upx;height: auto;"
												@click.stop="idx>=moren.top?gdi():bofang(idx,item.aubft,item.voiceIntroduction)">
											</image>
											<image v-if="item.aubft==true"
												src="https://webapp.test.shenghua6.cn/st/mini/static/img/xcxydy/fang.jpg"
												mode="widthFix" style="width: 40upx;height: auto;"
												@click.stop="idx>=moren.top?gdi():bofang(idx,item.aubft,item.voiceIntroduction)">
											</image>
											<image v-if="item.aubft==true"
												src="https://webapp.test.shenghua6.cn/st/mini/static/img/xcxydy/bofang.webp"
												webp='true' mode="widthFix" style="width:100upx;height: auto;"></image>
											<image v-if="item.aubft==false"
												src="https://webapp.test.shenghua6.cn/st/mini/static/img/xcxydy/weibofang.png"
												webp='true' mode="widthFix" style="width:100upx;height: auto;"></image>

											<view v-if="item.aubft==false">
												{{item.duration}}
											</view>

											<view v-if="item.aubft==true">
												{{item.time}}
											</view>
											<view style="width:10upx;">
											</view>
										</view>
										<!-- 个性签名 -->
										<view v-else class="qianming">
											{{item.descr}}
										</view>






									</view>
									<!-- 开始播放动图 -->
									<!-- <image src="https://php.zgsj1.com/upload_video/20211020/f753042f453b4510b7126d3c7cb59516.webp" webp='true'  mode="widthFix" style="border:2px solid #000000;" ></image> -->
									<!-- 未播放 -->
									<!-- <image src="https://php.zgsj1.com//upload_video/20211020/01b4f689bda729d39a410041a5424723.png" webp='true'  mode="widthFix" style="border:2px solid #000000;" ></image> -->
									<!-- 推荐 -->
									<!-- /upload_video/20211020/7cc9e7f8282c55aea5a50dc25a4dfc91.png -->
									<!-- 私聊 -->
									<!-- /upload_video/20211020/42153c93e2474f57fad1f7c76e14c034.png -->
									<!-- 聊天 -->
									<!-- /upload_video/20211020/2a2483e94e3bb2a250e255f8903a837f.png -->
									<!-- 播放块 -->
									<!-- /upload_video/20211020/526e706d3aad17f2aa8a22191b312aaa.jpg -->
									<!-- 角 -->
									<!-- /upload_video/20211020/8677e5d4e85d7789060c7df56f617d2e.jpg -->
									<!-- 推荐 展示 -->
									<!-- {{item.tagType}} -->
									<!-- 等于 -->
									<!-- recommend -->
									<!-- 的时候 -->

									<view class="right">
										<image v-if="item.tagType=='recommend'" style="width: 65upx;height: auto;"
											src="https://webapp.test.shenghua6.cn/st/mini/static/img/xcxydy/tujians.png"
											mode="widthFix">
										</image>
										<!-- <view v-if="item.tagType==''" style="height:40upx;"></view> -->
										<view style="height: 18upx;"></view>




										<view class="rightaut">

											<text v-if="item.tagType==''">{{item.userLastLoginTime}} </text>


										</view>
										<view v-if="item.tagType==''" style="height:40upx;"></view>

										<view style="padding:8upx; margin-top: -20upx;"
											@click.stop="idx>=moren.top?gdi():jinruliaot(idx)">
											<image style="width:35upx;height: auto;"
												src="https://php.zgsj1.com/upload_video/20211020/2a2483e94e3bb2a250e255f8903a837f.png"
												mode="widthFix">
											</image>
										</view>
									</view>
									<view class="">
									</view>
								</view>
								<text class="jiesuo" v-if="idx>=moren.top" @click="gdi()">
									解锁更多
								</text>
							</view>



							<view v-if="fxlist.length==0">
								<view class="iynst">
									<view style="width:50%;text-align: center; ">
										<image style="width: 100%;height: auto;"
											:src="$BASE_URL +'/st/mini/static/img/gender/ques.png'" mode="widthFix">
										</image>

										<view class="texhe">
											<!-- 暂无主播开播哦~ -->
										</view>
										<view style="height:20rpx;">

										</view>
										<view>
											暂无一起玩儿的人哦~
										</view>
									</view>
								</view>
							</view>

							<view style="height:200upx;"></view>
						</view>
						<!-- 附近的人 -->
						<view v-if="index==1">

							<!-- && item.userMemberInfo -->
							<view class="wai" v-for="(item,idx) in fjlist" v-if="idx<moren.zong" :key="idx"
								@click="dianjijirus(idx)">
								<view :class="['box-nei',idx>=moren.top ? 'maoboli' : '']">
									<view style="width:13upx;">
									</view>

									<view class="guangquans"
										:style="item.descStyleType=='1'?'background-image: url(https://webapp.test.shenghua6.cn/st/mini/static/img/xcxydy/touxiangyul.webp);':''">
										<image
											:src="$global.getImageUrl(item.userHeadImg+'?x-oss-process=image/bright,15/resize,m_fill,h_150,w_150', 'https://ourydcimage.shenghua6.cn')"
											mode="" class="tx"></image>
									</view>
									<view style="width:20upx;">
									</view>
									<view class="auto">

										<view class="name" v-if="item.userMemberInfo" :style="item.userMemberInfo.isUserMember != 3 && item.userMemberInfo.isExpire ==2
											?'color:red;':''">

											<!-- 标注修改有问题 -->
											<!-- 	:style="item.userMemberInfo.isUserMember != 3 && item.userMemberInfo.isExpire ==2
											?'color:red;':''" -->

											{{item.userNickName}}

										</view>

										<view v-else class="name">
											{{item.userNickName}}
										</view>



										<view class="zhong" style="transform: scale(0.8);margin-left: -40upx;">


											<!-- 		<view
												:style="item.userSex==1?'background:#47A3FA;':item.userSex==2?'background:#FC4834;':'background:#62FCC6;'"
												style="color: #FFFFFF;font-size:18upx; padding: 5upx 15upx; border-radius:20upx;transform: scale(0.8);margin-left: -10upx;">


												<view v-if="item.userSex ==1"> ♂
													{{item.userAge}}
													<text v-if="item.userConstellation">{{" / "+item.userConstellation}}
													</text>
												</view>
												<view v-if="item.userSex ==2"> ♀ {{item.userAge}}
													<text v-if="item.userConstellation">{{" / "+item.userConstellation}}
													</text>


												</view>
												<view v-if="item.userSex ==3"> ⚨ {{item.userAge}}
													<text v-if="item.userConstellation">{{" / "+item.userConstellation}}
													</text>
												</view>

											</view> -->





											<p class="sex"
												:style="item.userSex==1?'background: url('+man+') no-repeat;background-size: contain;':item.userSex==2?'background: url('+woman+') no-repeat;background-size: contain;':'background: url('+no+') no-repeat;background-size: contain;'">
												<view style="margin-left:15upx;font-size: 22upx;">
													{{item.userAge}}
												</view>
											</p>



											<!-- <view style="width:10upx;">
											</view> -->
											<img class="vipNum"
												:src="$BASE_URL + '/st/mini/static/img/vip1/vip_' + item.userCostLevel+ '@2x.png'" />
											<!-- <view class="xingzuo">{{item.userConstellation}}</view> -->

										</view>


										<!-- {{item.descStyleType}} -->
										<view class="yuliao" v-if="item.descStyleType=='1'">
											在线语聊中...
										</view>

										<!-- 		
										<view class="yuyin"
											v-else-if="item.tagType !='recommend'&& item.voiceIntroduction.length>10">
											<image v-if="item.aubft==false"
												src="https://php.zgsj1.com/upload_video/20211020/8677e5d4e85d7789060c7df56f617d2e.jpg"
												mode="widthFix" style="width: 40upx;height: auto;"
												@click.stop="idx>=moren.top?gdi():bofang(idx,item.aubft,item.voiceIntroduction)">
											</image>
											<image v-if="item.aubft==true"
												src="https://php.zgsj1.com/upload_video/20211020/526e706d3aad17f2aa8a22191b312aaa.jpg"
												mode="widthFix" style="width: 40upx;height: auto;"
												@click.stop="idx>=moren.top?gdi():bofang(idx,item.aubft,item.voiceIntroduction)">
											</image>
											<image v-if="item.aubft==true"
												src="https://php.zgsj1.com/upload_video/20211020/f753042f453b4510b7126d3c7cb59516.webp"
												webp='true' mode="widthFix" style="width:100upx;height: auto;"></image>
											<image v-if="item.aubft==false"
												src="https://php.zgsj1.com/upload_video/20211020/01b4f689bda729d39a410041a5424723.png"
												webp='true' mode="widthFix" style="width:100upx;height: auto;"></image>
											<view v-if="item.aubft==false">
												{{item.duration}}
											</view>
											<view v-if="item.aubft==true">
												{{item.time}}
											</view>
											<view style="width:10upx;">
											</view>
										</view> -->
										<!-- 个性签名 -->

										<view v-else="item.descStyleType==2" class="qianming">
											<text v-if="item.userDescr !=''"> {{item.userDescr}} </text>


											<text v-else-if="item.userDescr=='' && item.userInterest !=''">
												兴趣爱好：{{item.userInterest}}</text>





										</view>



										<!-- 		<view v-else="item.userInterest"  class="qianming">
											兴趣爱好：{{item.userInterest}}
										</view> -->

									</view>

									<!-- 推荐 展示 -->
									<!-- {{item.tagType}} -->
									<!-- 等于 -->
									<!-- recommend -->
									<!-- 的时候 -->
									<!-- {{item.isRecommend}} -->

									<!-- item.isRecommend=='1' -->
									<view style="height: 162upx;margin-left: auto;">
										<view class="" v-if="item.isRecommend=='1'">
											<image style="width:65upx;height: auto;float:right;"
												src="https://webapp.test.shenghua6.cn/st/mini/static/img/xcxydy/tujians.png"
												mode="widthFix">
											</image>
										</view>

										<view class="jldd" v-else>
											<!-- <view class="lujd"></view> -->
											<text style="  white-space:nowrap">
												{{item.userCity}} | {{item.userLastLoginTime}}
											</text>
										</view>
										<!-- 聊天 -->
										<view v-if="item.sayHelloStatus==2"
											style="position: absolute;bottom: 20upx;left:90%;padding:6upx 10upx;"
											@click.stop="idx>=moren.top?gdi():jinruliaot(idx)">


											<image style="width:35upx;height: auto; "
												src="https://webapp.test.shenghua6.cn/st/mini/static/img/xcxydy/liatoiaskdf.png"
												mode="widthFix">
											</image>
										</view>

										<view v-if="item.sayHelloStatus==1"
											style="position: absolute;bottom: 20upx;left: 82%;"
											@click.stop="idx>=moren.top?gdi():jinruliaot(idx)">


											<!-- 私聊 -->
											<image style="width:110upx;height: auto;"
												src="https://webapp.test.shenghua6.cn/st/mini/static/img/xcxydy/sliliaot'.png"
												mode="widthFix">
											</image>
										</view>
									</view>
								</view>
								<text class="jiesuo" v-if="idx>=moren.top" @click="gdi()">
									解锁更多
								</text>
							</view>


							<view v-if="fjlist.length==0">
								<view class="iynst">
									<view style="width:50%;text-align: center; ">
										<image style="width: 100%;height: auto;"
											:src="$BASE_URL +'/st/mini/static/img/gender/ques.png'" mode="widthFix">
										</image>

										<view class="texhe">
											<!-- 暂无主播开播哦~ -->
										</view>
										<view style="height:10rpx;">

										</view>
										<view>
											暂无附近的人哦~
										</view>
									</view>
								</view>
							</view>

							<view style="height:200upx;"></view>
						</view>
					</scroll-view>
				</swiper-item>
			</swiper>

			<!-- <view class="gengduo" @click="gdi()">更多精彩请下载哩咔APP</view> -->

			<view class="annius" @click="gdi()">
				更多精彩请下载哩咔APP
			</view>
			<view style="height:500upx;"></view>
			<u-popup v-model="shareShow" mode="center">
				<image :src="$BASE_URL +'/st/mini/static/img/gender/xztc.png'" style="height: auto;" mode="widthFix">
				</image>
				<view style="display:flex;width:100%;margin:-190upx auto;height: 20rpx;">
					<button style="width:50%; height:120upx; display: flex;align-items: center; border:none;"
						plain="true" @click="downApp()">
						<image style="width:100%;height: auto;" :src="$BASE_URL +'/st/mini/static/img/gender/fuzhi.png'"
							mode="widthFix">
						</image>
					</button> <button style="width:50%; height:120upx; display: flex;align-items: center; border:none;"
						open-type="contact" plain="true" @click="tiaozhaunkefu">
						<image style="width:100%;height: auto;" :src="$BASE_URL +'/st/mini/static/img/gender/qxz.png'"
							mode="widthFix">
						</image>
					</button>
				</view>

				<view
					style="font-family: PingFangSC-Regular;font-size:26upx;color: #5C60B6;text-align:center;margin-top: 290upx;">
					复制后请在浏览器打开
				</view>
				<view style="height:35upx;"></view>
			</u-popup>





			<u-popup v-model="yaoqingtc" mode="center" :mask-close-able="false">

				<view class="xrbj">

					<!-- {{xinrenzhilsj}} -->
					<view class="title">
						{{xinrenzhilsj.title}}
						<!-- {{liwulist.length}} -->
					</view>
					<view style="height:55upx;">

					</view>
					<view class="tishis">
						<view style="width:470upx;">{{xinrenzhilsj.content}} </view>
					</view>

					<view class="jintian" style="margin-top: 25upx;">
						<view class="dijit">
							第{{jisxishuzi(xinrenzhilsj.day)}}天
						</view>
					</view>

					<view class="dvuy">
						<view class="narionglw">
							<!-- 一条礼物的时候 展示宽度百分之百 -->
							<!-- 两条礼物的时候 展示宽度百分之五十 -->
							<!-- 三条礼物的时候 展示宽度百分之三十三 -->



							<view class="liwu" v-for="(item,index) in liwulist" :style="'width: '+WIDTH+'%;'">
								<view class="liwutu">
									<view style="height:15upx;">

									</view>


									<image style="width: 80%"
										:src="$global.getImageUrl(item.image+'?x-oss-process=image/bright,15/resize,m_fill,h_150,w_150', 'https://ourydcimage.shenghua6.cn')"
										mode="widthFix">
									</image>
								</view>
								<view style="height:8upx;">

								</view>
								<view class="liwuname">
									{{item.name}}
								</view>
							</view>

						</view>

					</view>

					<view style="height:80upx;"></view>

					<view class="lingqu">

						<view class="lq" @click="lingqq">
							领取
						</view>
					</view>

					<view style="height:40upx;"></view>

				</view>

				<!-- <image style="width:650upx; height: auto; " src="https://php.zgsj1.com/upload_video/20211025/1f82ba0ed3d0ed6cd6db0de449fde468.png" mode="widthFix"></image> -->

			</u-popup>

			<!-- 邀请进厅弹窗 -->

			<u-popup v-model="yqjt" mode="center" :mask-close-able="false">
				<view class="yqbj">
					<view class="toptitle">
						{{yqjtnei.desc}}
					</view>
					<view style="display: flex; margin-top: -20upx; ">
						<image style="width:30upx; height: auto; margin-left: auto;  "
							src="https://webapp.test.shenghua6.cn/st/mini/static/img/xcxydy/guanbisank.png"
							mode="widthFix" @click="yqtcgb"></image>
						<view style="width:40upx;">
						</view>
					</view>
					<view class="yqauto">
						<image class="yqtouxi"
							:src="$global.getImageUrl(yqjtnei.headImg+'?x-oss-process=image/bright,15/resize,m_fill,h_150,w_150', 'https://ourydcimage.shenghua6.cn')"
							mode="widthFix"></image>

					</view>

					<view class="yqname">
						{{yqjtnei.nickName}}
					</view>
					<view class="zhong yqxixi">
						<p class="sex"
							:style="yqjtnei.sex==1?'background: url('+man+') no-repeat;background-size: contain;':yqjtnei.sex==2?'background: url('+woman+') no-repeat;background-size: contain;':'background: url('+no+') no-repeat;background-size: contain;'">
							<view style="margin-left:15upx;font-size: 22upx;">
								{{yqjtnei.age}}
							</view>
						</p>
						<!-- yqjtnei.costLevel -->
						<img class="vipNum"
							:src="$BASE_URL + '/st/mini/static/img/vip1/vip_' + yqjtnei.costLevel+ '@2x.png'" />

						<view class="beijingkuai">
							{{yqjtnei.city}}
						</view>

					</view>

					<view style="height:6upx;">

					</view>
					<view class="">
						<image style="width:380upx;height: auto;"
							src="https://webapp.test.shenghua6.cn/st/mini/static/img/xcxydy/anjiuzt.png"
							mode="widthFix" @click="yqtcgb('1')"></image>
					</view>

					<view style="height:15upx;"> </view>
				</view>

			</u-popup>

			<!-- 去找他 -->
			<!-- https://php.zgsj1.com/upload_video/20211027/8912438c0369d78b147ff0f8ead8cee9.png -->

			<!-- 邀请进厅关闭图标 -->
			<!-- https://php.zgsj1.com/upload_video/20211027/f8131c1a00b16a67c4baedcfe5b0d162.png -->

			<!-- 邀请弹窗背景 -->
			<!-- https://php.zgsj1.com/upload_video/20211027/a581a521f3bbb88b6de8d97524842556.png -->

			<!-- 头像背景 -->
			<!-- https://php.zgsj1.com/upload_video/20211027/f465a4c79af4d03ee8690fa261cc26ff.png -->

			<!-- 去找他 -->
			<!-- https://php.zgsj1.com/upload_video/20211027/522bcf3145e9f9963313f6579ff7015c.png -->

			<!-- 弹窗上方标题背景 -->

			<!-- https://php.zgsj1.com/upload_video/20211027/71fe081e39aad60018494184c73ca835.png -->

			<!-- 关闭 -->
			<!-- https://php.zgsj1.com/upload_video/20211025/a803a5d93f960b6a6da2f2b4bba39458.png -->
			<!-- 背景 -->
			<!-- https://php.zgsj1.com/upload_video/20211025/1f82ba0ed3d0ed6cd6db0de449fde468.png -->
			<!-- 第几天 -->
			<!-- https://php.zgsj1.com/upload_video/20211025/0e036ff2dc6bd6ddc2510aa51fb4ae8c.png -->
			<!-- 内容边框 -->
			<!-- https://php.zgsj1.com/upload_video/20211025/d1952d73f2ade8c176b2da9aa802380b.png -->

			<!-- 单排背景 -->

			<!-- https://php.zgsj1.com/upload_video/20211025/7c495b3fcf3fa126f495d7e46fe57c39.png -->

			<!-- 领取 -->
			<!-- https://php.zgsj1.com/upload_video/20211025/3098e3c997f7c5ee890d4a747463c934.png -->

			<!-- 开厅的录像机 -->
			<!-- https://php.zgsj1.com/upload_video/20211028/2b53cacb29d8a36b3d2a271a5d5c9f91.png -->

			<!-- 开始播放动图 -->
			<!-- <image src="https://php.zgsj1.com/upload_video/20211020/f753042f453b4510b7126d3c7cb59516.webp" webp='true'  mode="widthFix" style="border:2px solid #000000;" ></image> -->
			<!-- 未播放 -->
			<!-- <image src="https://php.zgsj1.com//upload_video/20211020/01b4f689bda729d39a410041a5424723.png" webp='true'  mode="widthFix" style="border:2px solid #000000;" ></image> -->
			<!-- 推荐 -->
			<!-- /upload_video/20211020/7cc9e7f8282c55aea5a50dc25a4dfc91.png -->
			<!-- 私聊 -->
			<!-- /upload_video/20211020/42153c93e2474f57fad1f7c76e14c034.png -->
			<!-- 聊天 -->
			<!-- /upload_video/20211020/2a2483e94e3bb2a250e255f8903a837f.png -->
			<!-- 播放块 -->
			<!-- /upload_video/20211020/526e706d3aad17f2aa8a22191b312aaa.jpg -->
			<!-- 角 -->
			<!-- /upload_video/20211020/8677e5d4e85d7789060c7df56f617d2e.jpg -->
			<!-- pk中 按钮 -->
			<!-- https://php.zgsj1.com/upload_video/20211204/855af593d72606bead305fe35d8d5582.png -->

			<!-- 邀请进厅在线状态按钮 -->
			<!-- https://php.zgsj1.com/upload_video/20211213/5eba3213dee69523d6b6f931b72f39cf.png -->

			<!-- 是否在线的光圈 -->
			<!--  https://php.zgsj1.com/upload_video/20211215/dd94877070f51f8b2f9100a910ab8c3b.webp -->


		</div>



	</view>
</template>

<script>
	// 邀请进厅弹窗
	import Invite from '@/pages/components/Invite/Invite.vue'


	export default {

		components: {
			Invite
		},


		data() {
			return {
				color:"red",
				// 邀请进厅弹窗
				yqjt: false,
				// 邀请进厅的内容
				yqjtnei: {},
				// <!-- 一条礼物的时候 展示宽度百分之百 -->
				// <!-- 两条礼物的时候 展示宽度百分之五十 -->
				// <!-- 三条礼物的时候 展示宽度百分之三十三 -->

				WIDTH: 33,
				// 新人之旅弹窗
				yaoqingtc: false,
				// 新人之旅数据
				xinrenzhilsj: {},


				// 礼物列表
				liwulist: [{}, {}, {}],

				moren: {
					zong: 10,
					top: 7,
					bottom: 3,
				},

				// myVar:倒计时计时器
				myVar: null,
				innerAudioContext: "",
				// 音频播放参数
				audioForm: {
					//音频路径
					src: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-hello-uniapp/2cc220e0-c27a-11ea-9dfb-6da8e309e0d8.mp3',
					//倒计时
					duration: '',
					//音频长度
					times: ''
				},

				// 当前在播下标
				palis: -1,

				// 顶部导航高度
				titleBarHeight: '',
				statusBarHeight: '',
				height: 0,

				// 防抖
				tapTime: '',
				// 主路径
				$BASE_URL: this.$BASE_URL,

				// 下拉刷新的状态
				triggered: false,

				// 分享弹窗
				shareShow: false,

				tabs: [{}, {}],
				barStyle: {
					backgroundColor: '#EC808D'
				},

				// 性别
				man: '',
				woman: '',
				no: '',

				// 经纬度
				dongjing: 0,
				beiwei: 0,

				// 发现的列表
				fxlist: [],
				fjlist: [],

				// 整屏导航
				list: [{
					name: '发现'
				}, {
					name: '附近的人'
				}],
				// 因为内部的滑动机制限制，请将tabs组件和swiper组件的current用不同变量赋值
				current: 0, // tabs组件的current值，表示当前活动的tab选项
				swiperCurrent: 0, // swiper组件的current值，表示当前那个swiper-item是活动的
			}
		},
		mounted() {

			this.man = this.$BASE_URL + '/st/mini/static/img/sex/man.png'
			this.woman = this.$BASE_URL + '/st/mini/static/img/sex/woman.png'
			this.no = this.$BASE_URL + '/st/mini/static/img/sex/no.png'
			this.mvp = this.$BASE_URL + '/st/mini/static/img/chatRoomDetails/mvp.png'
		},
		onLoad() {

			var that = this;


			// // 每日推荐分享
			// this.chaxunsxin();


			uni.getSystemInfo({
				success: function(res) {
					uni.setStorage({
						key: 'getSystemInfo',
						data: res,
						success: function() {
							console.log('success');
							// model设备型号
							// iOS
							// 标题栏高度
							if (res.model == 'iPhone') {
								that.titleBarHeight = 44
							} else {
								that.titleBarHeight = 48
							}
							// 状态栏高度
							that.statusBarHeight = res.statusBarHeight
							that.height = that.titleBarHeight + that.statusBarHeight

						}
					})
				}
			});



			// var res = uni.getStorageSync("getSystemInfo")







			uni.getLocation({
				type: 'wgs84',
				success: function(res) {
					console.log('当前位置的经度：' + res.longitude);
					console.log('当前位置的纬度：' + res.latitude);
					that.dongjing = res.longitude
					that.beiwei = res.latitude
				}
			});
			// 获取设备信息安卓或ios
			if (uni.getSystemInfoSync().platform == 'android') {
				this.getAppDownloadUrl('android')
			} else {
				this.getAppDownloadUrl('ios')
			}
			// 查询列表
			that.qiuqid()

			// 初始化
			this.innerAudioContext = uni.createInnerAudioContext();
			this.innerAudioContext.autoplay = false;
			this.innerAudioContext.onPlay(() => {
				console.log('开始播放');
			});
			// 监听播放错误
			this.innerAudioContext.onError((res) => {
				console.log(res.errMsg);
				console.log(res.errCode);
			})




			// 数据埋点

			// #ifdef  MP-WEIXIN
			this.shujumaidian();
			// #endif



		},
		onShow() {
			var that = this
			// 请求数据
			// that.qiuqid()


			// 首页进厅引导弹窗 

			// this.shoyejtyd()


			this.cxzs()


			// #ifdef  MP-WEIXIN
			// 底部按钮埋点
			this.dibuannmd()
			// #endif






		},

		// 销毁页面
		onUnload: function() {
			var _this = this

			_this.innerAudioContext.stop();
			clearInterval(_this.myVar);
			console.log('执行销毁页面')

		},



		methods: {




			// 弹窗内的操作

			// 66666
			tuanchuangnecz: function(e) {

				// #ifdef  MP-WEIXIN

				// PopUpClick	弹窗内点击		$预置属性		
				// 		$is_first_time	是否首次	BOOL	
				// 		button_name	按钮名称	STRING	引导下载APP海报弹窗复制链接/引导下载APP海报弹窗点击下载/下载APP弹窗取消/下载APP弹窗一键复制/关注公众号充值弹窗保存
				// 		PopUp_name	弹窗名称	STRING	引导下载APP海报弹窗/下载APP弹窗/关注公众号充值弹窗
				// 		current_page	当前页面	STRING	交友tab/一对一消息/厅内/我tab
				// 		room_id	房间ID	STRING	


				getApp().sensors.track('PopUpClick', {
					$is_first_time: uni.getStorageSync("shifoushouci") == 2 ? 'false' : 'true',
					PopUp_name: '引导下载APP海报弹窗',
					button_name: e,
					current_page: '交友tab',
					room_id: '',
				})
				// #endif
			},






			// 触发弹窗埋点

			tanchaungmd: function() {

				// #ifdef  MP-WEIXIN
				// PopUpShow	弹窗浏览		$预置属性		
				// 		$is_first_time	是否首次	BOOL	
				// 		PopUp_name	弹窗名称	STRING	引导下载APP海报弹窗/下载APP弹窗/关注公众号充值弹窗
				// 		current_page	当前页面	STRING	交友tab/一对一消息/厅内/我tab/
				// 		room_id	房间ID	STRING	
				getApp().sensors.track('PopUpShow', {
					$is_first_time: uni.getStorageSync("shifoushouci") == 2 ? 'false' : 'true',
					PopUp_name: '引导下载APP海报弹窗',
					current_page: '交友tab',
					room_id: '',
				})
				// #endif
			},


			// 点击 触发 触发 埋点 私聊

			dianjiyunxin: function() {

				// #ifdef  MP-WEIXIN
				getApp().sensors.track('IconClick', {
					// 是否首次	BOOL
					$is_first_time: uni.getStorageSync("shifoushouci") == 2 ? 'false' : 'true',
					is_no_authorization: uni.getStorageSync("nei") == "" ? 'false' : 'true',
					icon_name: '私聊',
					current_page: '交友tab页面'
				})


				// #endif

			},



			// 底部tab页面浏览
			// 底部按钮埋点
			dibuannmd: function() {


				// #ifdef  MP-WEIXIN

				// 	$预置属性		
				// is_no_authorization	是否授权	BOOL	
				// $is_first_time	是否首次	BOOL	
				// 	tab名称	STRING	交友tab/房间tab/消息tab/我tab
				getApp().sensors.track('BottomTabView', {
					// 是否首次	BOOL
					$is_first_time: uni.getStorageSync("shifoushouci") == 2 ? 'false' : 'true',
					is_no_authorization: uni.getStorageSync("nei") == "" ? 'false' : 'true',
					tab_name: '交友tab'
				})

				// #endif


			},




			// 数据埋点
			shujumaidian: function() {

				// #ifdef  MP-WEIXIN
				// 数据埋点
				// 顶部tab页面浏览埋点	$预置属性		
				// 	$is_first_time	是否首次	BOOL	
				// 	is_no_authorization	是否授权	BOOL	
				// 	tab_name	tab名称	STRING	关注聊天室/推荐聊天室/派对聊天室/直播聊天室/交友发现/交友附近的人/消息页消息/消息页关注/消息页粉丝/消息页好友
				// 	current_page	当前页面	STRING	房间/交友/消息



				var tab_name = '交友' + this.list[this.current].name
				var current_page = '交友';


				getApp().sensors.track('TopTabPageView', {
					// 是否首次	BOOL
					$is_first_time: uni.getStorageSync("shifoushouci") == 2 ? 'false' : 'true',
					is_no_authorization: uni.getStorageSync("nei") == "" ? 'false' : 'true',
					tab_name: tab_name,
					current_page: current_page,
				})


				// #endif

			},



			// 请求 展示多少条信息 隐藏多少条信息

			cxzs: function() {

				var data = {
					url: "/web/v2//api/newApi/wechat/faxianListShowCount",
					methods: "post",
					data: {

					},
				};

				var _this = this

				this.$http(data).then(res => {

					if (res.data.code == 21000) {


						// 总数
						_this.moren.zong = res.data.data.totalCount
						// 展示
						_this.moren.top = res.data.data.normalCount
						// 隐藏
						_this.moren.bottom = res.data.data.totalCount - res.data.data.normalCount

						console.log('要显示和隐藏的总数', _this.moren)

					}

				})

			},



			// 进厅前请求 统一
			
			
			// 71 Lika微信小程序点击发现tab在线语聊进厅
			// 72 Lika微信小程序首页-附近的人
			// 73 Lika微信小程序聊天室关注列表
			// 74 Lika微信小程序聊天室推荐列表
			// 75 Lika微信小程序聊天室品类列表
			// 76 Lika微信小程序搜索页推荐厅
			// 77 Lika微信小程序首页推荐弹窗跟随近厅
			

			jttyqq: function(roomId) {
				
				
				
			 var s=	this.current
				
				
				if(this.current == 0){
					var source = '71'
				}else{
					var source = '72'
				}
				
				
				
				var data = {
					url: "/web/v2/api/chatRoom/inChatRoom",
					methods: "post",
					data: {
					
						roomId: roomId,
						source:source
					},
				};
				this.$http(data).then((res) => {
					console.log(res, "房间房间房间房间房间房间房间房间房间");

					if (res.data.code == 21135) {
						//21135 被踢出房间					
						uni.showToast({
							title: '您已被踢出房间',
							icon: "none",
							duration: 2000,
						});

					} else if (res.data.code == 25044) {
						//25044 聊天室已关闭
						uni.showToast({
							title: res.data.msg,
							icon: "none",
							duration: 2000,
						});
						return
					} else if (res.data.code == 21000) {
						var rid = res.data.data.chatRoomInfo.channelId

						// 判断不是女神厅 或者直播
						if (res.data.data.chatRoomInfo.roomType == 27) {

						} else if (res.data.data.chatRoomInfo.roomType == 33) {

						} else {
							uni.showToast({
								title: '暂不支持该厅',
								icon: "none",
								duration: 2000,
							});

							return
						}


						var url = '/pages/subpage/chatRoomDetails/chatRoomDetails?roomId=' + roomId +
							'&channelId=' + rid

						uni.navigateTo({
							url: url,
						})

						return
					} else {
						uni.showToast({
							title: res.data.msg,
							icon: "none",
							duration: 2000,
						});
						return
					}
				});

				// isPrivate 判断是否是个私密厅

				// } else {
				// 	uni.showToast({
				// 		title: "此聊天室是私密厅，暂时无法进入~",
				// 		icon: "none",
				// 		duration: 2000,
				// 	});
				// 	return
				// }


			},









			// 判断 每日推荐分享 
			chaxunsxin() {
				console.log('点击关注')
				
				var _this = this
				var data = {
					url: '/web/v2/api/config/serviceShareMore',
					methods: 'post',
					data: {
						apiVersion: '3.3'

					}
				}
				this.$http(data).then(res => {

				
					if (res.data.code == 21000) {

						// hasNewPackageDraw 等于 1 的时候 展示
						// 正式的是判断1
						//  

						// hasNewPackageDraw
					
						if (res.data.data.hasNewPackageDraw == 1) {
						

							// 五秒后打开新人之旅弹窗
							_this.xinrenzhilv()
							console.log('新人之旅执行')

							setTimeout(function() {
								// _this.yaoqingtc = true

							}, 5000);



						}



					} else { //接口请求失败的处理

					}
				})
			},

			// 新人之旅
			xinrenzhilv: function() {
				console.log('新人之旅请求')

				var _this = this
				var data = {
					url: '/web/v2/api/app/showNewPackage',
					methods: 'post',
					data: {
						apiVersion: '3.3'
						// userId:this.userId,
						// toUserId: this.gerezilial.userId
					}
				}
				console.log('新人之旅开始请求 data', data)
				this.$http(data).then(res => {

					console.log('新人之旅请求返回结果', res)

					if (res.data.code == 21000) {

						console.log('新人之旅请求成功后', res)
						_this.xinrenzhilsj = res.data.data
						console.log(_this.xinrenzhilsj, 666666666666666666666666666666666666666666666666666666)

						_this.liwulist = res.data.data.rewardList
						// <!-- 一条礼物的时候 展示宽度百分之百 -->
						// <!-- 两条礼物的时候 展示宽度百分之五十 -->
						// <!-- 三条礼物的时候 展示宽度百分之三十三 -->

						var length = res.data.data.rewardList.length

						if (length == 1) {

							_this.WIDTH = 100;
						} else if (length == 2) {
							_this.WIDTH = 50;

						} else if (length == 4) {
							_this.WIDTH = 50;

						} else {
							_this.WIDTH = 33;
						}



					} else { //接口请求失败的处理

						// 接口错误的话,不弹窗


					}
				})

			},


			// 邀请进厅弹窗的胡关闭

			yqtcgb: function(e) {

				if (e == 1) {
					// 执行去找他去啊进厅

					// 真实
					this.jttyqq(this.yqjtnei.roomId)
					// 模拟

					// this.jttyqq(330590495)


					this.yqjt = false

				} else {
					//  点击关闭图标 执行关闭

					this.yqjt = false
				}
			},


			// 礼物领取新人之旅领取：

			lingqq: function() {
				console.log('领取礼物')
				var _this = this
				this.yaoqingtc = false;



				var data = {
					url: '/web/v2/api/app/receiveNewPackage',
					methods: 'post',
					data: {
						rewardId: this.xinrenzhilsj.rewardId
						// rewardId:2
					}
				}
				this.$http(data).then(res => {


					if (res.data.code == 21000) {
						uni.showToast({
							title: '领取奖励成功',
							icon: "none",
							duration: 2000,
						});

					} else {

						uni.showToast({
							title: res.data.msg,
							icon: "none",
							duration: 2000,
						});

					}

				})

				// 房间id	
				// linkRoomId
				// 房间类型

				// 27  是女神厅
				//33   是个人直播

				var roomid = _this.xinrenzhilsj.linkRoomId

				var rid = _this.xinrenzhilsj.rewardId


				if (_this.xinrenzhilsj.linkRoomIdType == 27) {


					_this.jttyqq(roomid);

				}
				// else {
				// 	uni.showToast({
				// 		title: '房间类型不对',
				// 		icon: "none",
				// 		duration: 2000,
				// 	});

				// }

				if (_this.xinrenzhilsj.linkRoomIdType == 33) {

					_this.jttyqq(roomid)

				}






			},



			// 小写 数字 解析成大写

			jisxishuzi: function(num) {

				if (this.yaoqingtc) {

					// return
					var N = [
						"零", "一", "二", "三", "四", "五", "六", "七", "八", "九"
					];


					var str = num.toString();
					var len = num.toString().length;
					var C_Num = [];
					for (var i = 0; i < len; i++) {
						C_Num.push(N[str.charAt(i)]);
					}
					return C_Num.join('');
				}

			},





			// 判断是否有推荐标签
			// 发现的跳转
			dianjijiru: function(i) {

				if (i + 1 > this.moren.top) {
					// 打开弹窗		
					this.gdi();
					return
				}

				// `展示语聊中还是个签 1语聊 2个签`

				if (this.fxlist[i].tagType == 'recommend') {
					console.log('进厅')

					// 进厅接口查询
					this.jttyqq(this.fxlist[i].roomId)


					// 进厅
				} else {
					// 
					// 进个人资料 
					console.log('进个人资料')

					var id = this.fxlist[i].userId
					uni.navigateTo({
						url: '../subpage/personaldata/personaldata?id=' + id
					})


				}
			},

			// 附件的人跳转
			dianjijirus: function(i) {

				if (i + 1 > this.moren.top) {
					// 打开弹窗		
					this.gdi();
					return
				}


				// `展示语聊中还是个签 1语聊 2个签`
				if (this.fjlist[i].descStyleType == '1') {

					// 进厅接口查询
					this.jttyqq(this.fjlist[i].chatRoomInfoMap.roomId)

					console.log('进厅')
					// 进厅
				} else {
					// 
					// 进个人资料 
					console.log('进个人资料')
					var id = this.fjlist[i].userId



					uni.navigateTo({
						url: '../subpage/personaldata/personaldata?id=' + id
					})
				}

			},




			// 点击播放音频介绍
			bofang: function(i, s, e) {


				// 没有音频介绍
				if (e == "") {

					return
				}


				var _this = this
				// 是否在播放呢
				var state = this.innerAudioContext.paused;
				console.log('是否在播放呢', state)
				if (state) {

					this.palis = i

				} else {

					if (this.palis == i) {
						console.log('执行1')
					} else {
						console.log('执行2')
						_this.fxlist[this.palis].aubft = false
						// var l= _this.fxlist[this.palis].time;
						// var s= _this.fxlist[this.palis].duration;

						_this.fxlist[this.palis].time = _this.fxlist[this.palis].duration

						this.palis = i
					}
					_this.fxlist[i].aubft = false
					this.innerAudioContext.stop();
					clearInterval(_this.myVar);
					_this.myVar = null
					console.log('当前还有在播放的关闭')
				}





				if (s == false) {
					_this.fxlist[i].aubft = true
					var str = e;
					var a = str.substr(0, 4);
					console.log(a, "a"); //'e'
					var b = str.substr(4, 2);
					console.log(b, "b"); //'e'
					var c = str.substr(6, 2);
					console.log(c, "c"); //'e'

					// https://ourydcaudio.shenghua6.cn/2020/07/03/2020070303395975190.aac
					// substr(n,m) ：从索引n开始，截取m个字符，将截取的字符返回，对原字符串没有任何改变。
					// var  url = this.$BASE_URL+'/'+a+'/'+b+'/'+c+'/'+str
					// 播放音频的url
					this.innerAudioContext.src = 'https://ourydcaudio.shenghua6.cn' + '/' + a + '/' + b + '/' + c + '/' +
						str


					// 开始播放
					this.innerAudioContext.play();


					_this.fxlist[i].tiem = _this.fxlist[i].duration
					// 计时器
					this.myVar = setInterval(function() {

						if (_this.fxlist[i].time > 0) {
							_this.fxlist[i].time = _this.fxlist[i].time - 1
						} else {
							clearInterval(_this.myVar);
							_this.myVar = null
							_this.fxlist[i].time = _this.fxlist[i].duration
							// 停止播放
							_this.fxlist[i].aubft = false
							// 停止播放
							_this.innerAudioContext.stop();
						}
					}, 1000);



					// 清除计时器
					// clearInterval(myVar);


				} else {
					_this.fxlist[i].aubft = false;
					// 停止播放
					_this.fxlist[i].time = _this.fxlist[i].duration


					clearInterval(_this.myVar);
					_this.myVar = null
					this.innerAudioContext.stop();
					console.log('停止播放')
				}
			},


			// playVideo: function() {
			// 	console.log('暂停')

			// 	this.innerAudioContext.destroy()
			// },




			// 进入聊天
			jinruliaot: function(e) {


				console.log('跳转聊天')

				var _this = this




				// #ifdef  MP-WEIXIN
				// 触发聊天的埋点
				_this.dianjiyunxin()
				// #endif



				if (this.current == 0) {
					var to = this.fxlist[e].userId

				} else {
					var to = this.fjlist[e].userId


					var data = {
						url: '/web/v2/api/user/eachotherOrderEx',
						methods: 'post',
						data: {
							chatUserId: to
						}
					}
					this.$http(data).then(res => {

						_this.fjlist[e].sayHelloStatus = 2

					})





				}


				uni.navigateTo({
					url: '../chatpage/Chatcontent?to=' + to
				})


			},





			// 分享弹窗
			gdi: function() {

				var res = this.fangdou();

				if (res) {
					this.shareShow = !this.shareShow

					// 触发邀请弹窗埋点
					this.tanchaungmd()

				}




			},


			// 下拉刷新
			// 		<!-- 自定义下拉刷新控件被下拉 -->
			onPulling(e) {
				console.log("666666", e);
			},
			// 		<!-- 自定义下拉刷新被触发 -->
			onRefresh() {
				console.log('自定义下拉刷新被触发')

				var _this = this
				var res = _this.fangdou();
				if (res) {
					_this.qiuqid()

				}

				_this.triggered = true;
				setTimeout(() => {
					_this.triggered = false;
					console.log('执行关闭')
				}, 1000)
			},
			// 		<!-- 自定义下拉刷新被复位 -->
			onRestore() {

				this.triggered = false; // 需要重置
				console.log("onRestore");
			},
			// 		<!-- 自定义下拉刷新被中止 -->
			onAbort() {
				console.log("onAbort");
			},


			qiuqid: function() {
				var _this = this

				if (this.current == 0) {
					var type = 1
				} else {
					var type = 2
				}
				// 1男 2 女 3 未知
				var sex = uni.getStorageSync("userInfo").sex

				if (sex == 1) {
					var sexs = 2
				} else if (sex == 2) {
					var sexs = 1
				} else if (sex == 3) {
					var sexs = 2
				}
				// sex 按照性别条件查询


				var data = {
					url: "/web/v2/api/firstPage/pageListV9",
					methods: 'post',
					data: {
						type: type, // 类型（1=发现；2=附近的人；3=附近动态）
						page: 1, // 第几页
						refreshTimes: 0, // 刷新时间，可以传 0，服务器默认取当前时间
						lng: _this.dongjing,
						lat: _this.beiwei,
						sex: sexs
					}
				}

				_this.$http(data).then(res => {
					if (res.data.code == 21000) {
						// 添加 进入播放按钮状态


						// 数据埋点

						// #ifdef  MP-WEIXIN
						_this.shujumaidian();
						// #endif



						// 首页发现
						if (_this.current == 0) {
					
							for (let i = 0; i < res.data.data.discoverUserList.length; i++) {
								res.data.data.discoverUserList[i].aubft = false
								res.data.data.discoverUserList[i].time = res.data.data.discoverUserList[i]
									.duration
							}

							_this.fxlist = res.data.data.discoverUserList
							console.log(_this.fxlist, "发现")
						}
						if (_this.current == 1) {
							console.log(res.data.data.nearbyUser, '附近的人')

							_this.fjlist = res.data.data.nearbyUser
							console.log(_this.fjlist, "附近人")
						}
						_this.$forceUpdate()
					}
				})
			},



			// js 展示两位数字

			fix: function(num, length) {
				return ('' + num).length < length ? ((new Array(length + 1)).join('0') + num).slice(-length) : '' +
					num;
			},



			// 获取下载链接
			getAppDownloadUrl(clientType) {
				var data = {
					url: '/web/v2/api/newApi/app/getAppDownloadUrl',
					methods: 'post',
					data: {
						clientType: uni.getStorageSync("qudao")
					}
				}
				this.$http(data).then(res => {

					this.downloadUrl = res.data.data.url
				})
			},

			// 点击跳转客服
			tiaozhaunkefu: function() {

				// 触发埋点信息
				this.tuanchuangnecz('引导下载APP海报弹窗点击下载')
			},


			// 点击复制链接
			downApp() {




				this.copy(this.downloadUrl)
				// 触发埋点信息
				this.tuanchuangnecz('引导下载APP海报弹窗复制链接')



			},
			copy(value) {
				uni.setClipboardData({
					data: value, //要被复制的内容
					success: function() {
						//重点~做笔记
						//在success中加入uni.hideToast()可以解决
						uni.showToast({
							title: '复制成功',
							duration: 2000,
							icon: 'none'
						});
						//以下就可自定义操作了~
					},
					fail: function(err) {
						uni.showToast({
							title: '复制失败',
							duration: 2000,
							icon: 'none'
						});
					}
				});
			},









			// 防止恶意点击 防抖
			fangdou: function() {
				var nowTime = Math.round(new Date());
				console.log('距离上次点击', nowTime - this.tapTime, '毫秒')
				if (nowTime - this.tapTime < 300) {
					console.log('阻断')
					this.tapTime = nowTime
					return false;
				} else {
					this.tapTime = nowTime
					return true
					console.log('执行')
				}
			},

			// tabs通知swiper切换
			tabsChange(index) {

				var res = this.fangdou()
				if (!res) {
					return
				}


				this.swiperCurrent = index;
				// this.qiuqid()
			},
			// swiper-item左右移动，通知tabs的滑块跟随移动
			transition(e) {
				var res = this.fangdou()
				if (!res) {
					return
				}


				console.log(e, 1)
				let dx = e.detail.dx;
				this.$refs.uTabs.setDx(dx);

			},
			// 由于swiper的内部机制问题，快速切换swiper不会触发dx的连续变化，需要在结束时重置状态
			// swiper滑动结束，分别设置tabs和swiper的状态
			animationfinish(e) {


				// console.log(e, 2)
				// let current = e.detail.current;
				// this.$refs.uTabs.setFinishCurrent(current);
				// this.swiperCurrent = current;
				// this.current = current;
				// // 请求数据
				// this.qiuqid()
			},


			handleSwperChange: function(e) {



				console.log(e, 2)
				let current = e.detail.current;
				this.$refs.uTabs.setFinishCurrent(current);
				this.swiperCurrent = current;
				this.current = current;
				// 请求数据
				this.qiuqid()

			},

			// scroll-view到底部加载更多
			onreachBottom() {

			},


			// 跳转搜索
			goPath: function(url, i) {
				// 防止恶意点击
				var rs = this.fangdou()
				if (!rs) {
					return
				}

				var cookie = uni.getStorageSync("cookie")
				console.log('判断有无登录', cookie)

				if (!cookie) {
					// 跳转登录页
					uni.navigateTo({
						url: '/pages/login/wxlogin',
					});

					return
				}

				// 跳转搜索
				uni.navigateTo({
					url: url,
				});
				return
			}




		}
	}
</script>

<style lang="scss" scoped>
	// 邀请进厅的弹窗








	.guangquans {

		display: flex;
		align-items: center;
		justify-content: center;
		background-size: 100% 100%;
		width: 143upx;
		height: 143upx;
		border-radius: 50%;
		box-shadow: 0upx 10upx 5upx #e5e6fd;

		// box-shadow: 0 8px 9px 0 rgba(255, 255, 255, 0.72), 0 14px 9px 0 #DEF2FF, inset 0 0 9px 4px rgba(250, 230, 255, 0.16);


	}




	.iynst {
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: PingFangSC-Regular;
		font-size: 31upx;
		color: #9E9E9E;
		margin-top: 140upx;
	}


	.beijingkuai {
		margin-left: 15upx;

		background: rgba(255, 255, 255, 0.20);
		border-radius: 10upx;
		border-radius: 10upx;
		padding: 3upx 10upx;


		font-family: PingFangSC-Regular;
		font-size: 16upx;
		color: #FFFFFF;

	}

	.yqbj {
		width: 500upx;
		background-size: 100% 100%;
		// height: 500upx;/* 、 */
		background-image: url(https://webapp.test.shenghua6.cn/st/mini/static/img/xcxydy/tcbjs.png);
		text-align: center;
	}

	.toptitle {
		width: 300upx;
		background-size: 100% 100%;
		margin: 0 auto;
		padding: 8upx 20upx;
		background-image: url(https://webapp.test.shenghua6.cn/st/mini/static/img/xcxydy/tanchasndsk.png);
		font-family: PingFangSC-Medium;
		font-size: 24upx;
		color: #515494;

		text-align: center;
	}

	.yqauto {
		margin: 0 auto;
		width: 230upx;
		height: 230upx;

		background-size: 100% 100%;
		background-image: url(https://webapp.test.shenghua6.cn/st/mini/static/img/xcxydy/toxuias.png);
		display: flex;
		align-items: center;
		justify-content: center;

	}

	.yqtouxi {
		width: 150upx;
		height: auto;
		border-radius: 50%;

	}

	.yqname {
		width: 300upx;

		margin: 0 auto;
		font-family: PingFangSC-Medium;
		font-size: 33upx;
		color: #FFFFFF;
		letter-spacing: 0.55px;
		text-align: center;

		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;

	}

	.yqxixi {
		display: flex;
		align-items: center;
		justify-content: center;
		// width: 300upx;
		margin: 0 auto;
		text-align: center;
	}





	.annius {
		position: absolute;
		z-index: 999;
		top: 90%;
		width: 450upx;
		line-height: 100upx;
		// margin: 0upx auto;
		text-align: center;
		color: #FFFFFF;
		background-image: linear-gradient(-44deg, #7078FF 0%, #B1A4FF 100%, #B1A4FF 100%);
		// box-shadow: 0 8px 9px 0 rgba(255, 255, 255, 0.72), 0 14px 9px 0 #DEF2FF, inset 0 0 9px 4px rgba(250, 230, 255, 0.16);
		border-radius: 52.5px;
		border-radius: 52.5px;


		left: 50%;

		margin-left: -225upx;

	}









	// 领取礼物弹窗
	.xrbj {

		width: 650upx;
		background-size: 100% 100%;
		background-image: url(https://webapp.test.shenghua6.cn/st/mini/static/img/xcxydy/bjdp.png);
	}

	.title {
		width: 103%;

		height: 60upx;
		display: flex;
		align-items: center;
		justify-content: center;
		// text-align: center;

		font-family: PingFangSC-Medium;
		font-size: 30upx;
		color: #DD6D00;
		// text-align: center;

	}

	.tishis {

		// border: 1upx solid red;
		font-family: PingFangSC-Medium;
		font-size: 28upx;
		color: #FFFFFF;
		width: 103%;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 36upx;


	}

	.jintian {


		display: flex;
		align-items: center;
		justify-content: center;
		height: 100upx;
	}


	.dijit {
		padding: 25upx 50upx;
		background-size: 100% 100%;
		background-image: url(https://webapp.test.shenghua6.cn/st/mini/static/img/xcxydy/dyit.png);
		font-family: PingFangSC-Medium;
		font-size: 30upx;
		color: #FFFFFF;
	}

	.narionglw {
		width: 85%;
		// border: 2upx solid #000000;
		// height: 360upx;
	}

	.dvuy {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.liwu {
		margin-top: 5upx;

		height: 180upx;
		text-align: center;
		float: left;
	}

	.liwutu {
		width: 145upx;
		margin: 0 auto;
		background-size: 100% 100%;
		height: 123upx;
		background-image: url(https://webapp.test.shenghua6.cn/st/mini/static/img/xcxydy/jianglisd.png);

	}

	.liwuname {
		font-family: PingFang-SC-Medium;
		font-size: 26upx;
		color: #FFFFFF;
	}


	.lingqu {
		// margin-top: 50upx;
		display: flex;
		align-items: center;
		justify-content: center;


	}

	.lq {
		// 
		background-size: 100% 100%;
		padding: 10upx;
		color: #FFFFFF;
		width: 350upx;
		text-align: center;
		background-image: url(https://webapp.test.shenghua6.cn/st/mini/static/img/xcxydy/lingquan.png);

		position: absolute;
		bottom: 35upx;


	}







	.xingzuo {
		font-family: PingFangSC-Regular;
		font-size: 12px;
		color: #9799B2;
		margin-left: 4upx;
	}


	.wai {
		position: relative;
	}


	.maoboli {

		width: 100%;

		background-repeat: no-repeat;

		background-size: cover;

		-webkit-filter: blur(6px);

		-moz-filter: blur(6px);

		-o-filter: blur(6px);

		-ms-filter: blur(6px);

		filter: blur(6px);

		// position:relative;

		// left:0;

		// top:0;

	}

	.jiesuo {
		position: absolute;

		right: 28upx;
		top: 50upx;
		z-index: 99;
		background: #FFF1F0;
		border: 1px solid #FF574D;
		border-radius: 70upx;
		font-family: PingFangSC-Medium;
		font-size: 24upx;
		padding: 6upx 15upx;
		color: #FF574D;
		letter-spacing: 0;
		border-radius: 30upx;

	}



	.tx {
		width: 130upx;
		height: 130upx;
		border-radius: 50%;



	}

	.box-nei {
		width: 95%;
		margin: 18upx auto;
		border: 2upx solid #fafafa;
		background: rgba(223, 219, 240, 0.1);
		// background: #DFDBF0;
		height: 160upx;
		border-radius: 100px 20px 20px 100px;
		border-radius: 100px 20px 20px 100px;
		display: flex;
		align-items: center;

	}

	body {
		background: #fff
	}


	.home {
		height: 100%;
		overflow: hidden;
	}

	.btn {
		width: 40upx;
		height: 40upx;
		margin-left: 20upx;
	}

	.home /deep/.u-tabs-scorll-flex {

		display: block;

	}


	.header {
		display: flex;
		align-items: center;
		top: 0;
		position: fixed;
		width: 100%;
		z-index: 100;
		left: 0;
		background: #FFFFFF;
	}

	.header .header-title {
		position: absolute;
		transform: translateX(-50%);
		left: 50%;
		font-size: 30upx;
	}

	.header-back {
		position: absolute;
		left: 15upx;
		font-size: 30upx;
		padding: 10upx;
		border-radius: 50%;
	}

	page {
		width: 100%;
		height: 100%;
	}


	.home>div {
		width: 100%;
		height: 100%;
		color: #000
	}

	// 去掉圆角
	.home /deep/ .u-mode-center-box {
		background: none;
	}

	.auto {
		width: 400upx;
		// border: 1px solid #007AFF;
		height: 130upx;
	}

	.name {
		font-family: PingFangSC-Medium;
		font-size: 30upx;
		color: #3B3F63;
		// border: 2upx solid #007AFF;
		font-weight: 800;
		width: 280upx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.sex {
		width: 66upx;
		height: 28upx;
		line-height: 28upx;
		color: #FFFFFF;
		font-size: 18upx;
		text-align: center;
	}

	.home /deep/ .vipNum {
		display: inline-block;
		width: 50upx;
		height: 24upx;
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-right: 2upx;
	}

	.zhong {

		display: flex;
		align-items: center;
		height: 50upx;
	}





	.right {
		margin-left: auto;
		height: 162upx;
	}

	.rightaut {
		height: 55upx;
		width: 60upx;
		// margin-top: -30upx;

		font-family: PingFangSC-Regular;
		font-size: 22upx;
		color: #9799B2;
	}

	.yuliao {
		background-image: linear-gradient(90deg, rgba(255, 124, 180, 0.3) 0%, rgba(235, 238, 255, 0.57) 49%, rgba(177, 255, 251, 0.53) 100%);
		border-radius: 21px;
		border-radius: 21px;
		border: 1upx solid #F1F1F1;
		width: 140upx;
		text-align: center;
		font-family: PingFangSC-Regular;
		font-size: 22upx;
		padding: 4upx;
		color: #64668F;
	}

	.qianming {
		font-family: PingFangSC-Regular;
		font-size: 22upx;
		color: #9799B2;
		// border: 2upx solid #007AFF;
		width: 350upx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.gengduo {
		width: 100%;

		font-size: 24upx;
		color: #9799B2;
		font-family: PingFangSC-Regular;
		text-align: center;
	}



	.yuyin {
		background-image: linear-gradient(90deg, rgba(249, 185, 255, 0.10) 0%, rgba(235, 238, 255, 0.57) 49%, rgba(177, 255, 251, 0.33) 100%);
		border-radius: 21px;
		border-radius: 21px;
		border: 1upx solid #F1F1F1;
		width: 140upx;
		text-align: center;
		font-family: PingFangSC-Regular;
		font-size: 22upx;
		padding: 4upx;
		color: #64668F;
		display: flex;
		align-items: center;
		transform: scale(0.8);
		margin-left: -18upx;
	}

	.jldd {
		// width: 180upx;
		text-align: right;
		// border: 2upx solid #007AFF;
		margin-top: 20upx;
		font-size: 20upx;
		transform: scale(0.8);
		color: #656a86;
		// display: flex;
	}

	.lujd {


		width: 75upx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;

	}
</style>
